<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"	content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
<title>地址选择</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/mobiscroll.scroller.css" rel="stylesheet" />
<link href="css/mobiscroll.scroller.android-ics.css" rel="stylesheet" />
</head>
<body> 

<input id="area" placeholder="请选择所在地区" areaid="10064 10043 10375" readonly="" class="">
<input id="txttest" readonly="" class="" value="今天"> 
          
<script src="js/zepto.js"></script>
<script src="js/mobiscroll.zepto.js" type="text/javascript"></script>
<script src="js/mobiscroll.core.js" type="text/javascript"></script>
<script src="js/mobiscroll.scroller.js" type="text/javascript"></script>
<script src="js/mobiscroll.area.js"></script>
<script src="js/mobiscroll.scroller.android-ics.js"></script>
<script src="js/i18n/mobiscroll.i18n.zh.js"></script>
<script>
	var valo = $("#area").attr("areaid");
	$('#area').scroller('destroy').scroller({ preset: 'area', theme: 'android-ics light', display: 'bottom',valueo:valo });
$('#txttest').scroller({
        preset: 'datetime',
        minDate: new Date(2012, 3, 10, 9, 22),
        maxDate: new Date(2020, 7, 30, 15, 44),
        invalid: { daysOfWeek: [0, 6], daysOfMonth: ['5/1', '12/24', '12/25'] },
        theme: 'android-ics light',
        display: 'bottom',                    
        lang: 'zh',
        // showNow: true,
        nowText: "今天"
    });
	
</script>
</html>
